<template>
  <div class="operateMain">
    <basic-container>
      <div class="wrap" v-loading="loading" element-loading-text="数据加载中...">
        <dataList
          placeholder="请输入物业或工程名称查询"
          :pageInfo="pager"
          :listData="tableData"
          :selectData="selectDataArr"
          searchName="queryConditions"
          :menuList="['add','delete']"
          @menu-click="handleMenuClick"
        >
          <el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
            <el-table-column type="selection" width="55" />
            <el-table-column label="物业名称" header-align="center" prop="propertyName" />
            <el-table-column label="工程名称" header-align="center" prop="engineeringName" />
            <el-table-column label="送审日期(结算)" align="center" prop="settlementTm" />
            <el-table-column label="送审金额(结算)" align="center" prop="censorshipAmount" />
            <el-table-column label="审定金额(结算)" align="center" prop="approvalAmount" />
            <el-table-column label="核减金额(结算)" align="center" prop="reductionAmount" />
            <el-table-column label="送审日期(决算)" align="center" prop="conclusionTm" />
            <el-table-column label="送审金额(决算)" align="center" prop="conclusionAmount" />
            <el-table-column label="审定金额(决算)" align="center" prop="clsAproAmount" />
            <el-table-column label="核减金额(决算)" align="center" prop="clsReductionAmount" />
            <el-table-column label="操作" width="140" align="center" class="operaColumn">
              <template slot-scope="scope">
                <el-button type="text" :style="{'--color':'#666666'}" size="mini" @click="handleBtnClick('preview',scope.row)">查看</el-button>
                <el-button type="text" :style="{'--color':'#409EFF'}" size="mini" @click="handleBtnClick('edit',scope.row)">编辑</el-button>
                <el-button type="text" :style="{'--color':'#E6A23C'}" size="mini" @click="handleBtnClick('delete',scope.row)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </dataList>
      </div>
      <!-- 新增|编辑|查看 单位 -->
      <departmentDialog ref="editDialog" />
    </basic-container>
  </div>
</template>

<script src='./index.js'></script>

<style lang="scss" scoped>
@import "src/views/wy-operate/css/operate.scss";
.operateMain {
  /deep/ .top-buttons {
    float: right;
    width: 50%;
  }
  /deep/ .v-search {
    width: 50%;
    justify-content: flex-start;
  }
  /deep/ .operaColumn .el-button {
    color: var(--color);
  }
}
/deep/ .el-table th > .cell {
  font-size: 13px;
}
</style>
